<template>
    <div>
        <div class="accounthead">
                <span>爬取结果</span>
        </div>

       

        <div class="bigbox">

            <div class="numBox">
                <span>{{id}}</span>
            </div>

            <div class="table">
            <el-table
            stripe
            v-loading="loading"
            ref="singleTable"
            :data="resultList"
            style="width: 100%">
            <el-table-column
                align="center"
                :show-overflow-tooltip="true"
                prop="entity"
                label="搜索主体"
                width="120">
            </el-table-column>
            <el-table-column
                prop="keywords"
                label="搜索关键词"
                width="180">
            </el-table-column>
            <el-table-column
            :show-overflow-tooltip="true"
                prop="description"
                label="内容简介"
                width="680">
            </el-table-column>
            <el-table-column
            :show-overflow-tooltip="true"
                prop="allInclude"
                label="概要"
                width="480">
            </el-table-column>
            <el-table-column
                :show-overflow-tooltip="true"
                label="地址链接"
                >
                <template slot-scope="scope">
                        <!-- {{scope.row.link}} -->
                        <a :href=scope.row.link target="view_frame">{{scope.row.link}}</a>
                    </template>
            </el-table-column>
            </el-table>
        </div>

        <div class="pagebox">
            <div class="block">
                <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page.sync="currentPage3"
                :page-size="10"
                layout="total, prev, pager, next, jumper"
                :total= pagetotal>
                </el-pagination>
            </div>
            <div class="goahead"><el-button class="button" @click="goTaskDetail">返回</el-button></div>
         </div>


        </div>
    </div>
</template>

<script>
import { getResultList } from '@/api'
export default {
    data () {
        return {
            resultList: [],
            id: 1,
            pagenum: 1,
            pagetotal: 1,
            loading: true,
            currentPage3: 5,
            allInclude: '伊利高管实名揭露前董事长涉嫌犯罪！来源丨公共食谈（ID：gg&&伊利董事长潘刚与前董事长郑俊怀之间的这出大戏，精彩程度堪比“&&伊利执行总裁张剑秋近日委托媒体发表实名声明，明指前伊利集团董&&伊利集团董事长、现任黑龙江红星集团食品有限公司董事长郑俊怀，&&伊利董事长已“失联”多日，实际已被控制；伊利迅速反击辟谣，并&&伊利迅速反击辟谣，并采取法律手段。此后，双方“过招”数次，为&&伊利掌舵人潘刚已在美国滞留半年，或已“跑路”；3月26日，光&&伊利股份董事长潘刚或“失联”》，再度引爆此话题，伊利股价当日&&伊利股价当日一路走低，日跌幅达3.53%；同日（公告日期写为&&伊利发布公告，称网传为谣言，并将采取法律手段；截至4月4日，&&伊利张剑秋专访，称该事件有一“幕后黑手”，并表示将依法维权，&&伊利集团官网就此前董事长潘刚“失联”事件再发声明，针对此前“&&伊利受到谣言攻击不知情”；4月10日，伊利就潘刚“失联”事件&&伊利就潘刚“失联”事件再发公告，再次表明公司董事长潘刚先生因&&伊利集团执行总裁张剑秋对其实名指控，并列出相关证据。可以看到&&伊利前高管暗中操纵，并将矛头对准了与伊利牵扯甚深的郑俊怀。之&&伊利牵扯甚深的郑俊怀。之后，郑俊怀予以回应，称“对伊利受到谣&&伊利受到谣言攻击不知情”。就目前警方的调查情况来看，潘刚失联&&伊利集团董事长，一手将伊利“带大”，却在2005年因挪用公款&&伊利“带大”，却在2005年因挪用公款被判刑入狱。据张剑秋称&&伊利第三大股东，持股4.38%。出狱后十几年间，郑俊怀仍在追&&伊利股权。2011年加盟红星乳业后，他又在短短几年时间由“特&&伊利与郑俊怀不断“过招”，但并未影响其正常的业务发展。伊利不&&伊利不仅携金典有机奶及畅轻酸奶两款产品高调亮相博鳌论坛，扩张&&涉嫌犯罪！来源丨公共食谈（ID：ggst01）全文共1458&&涉嫌犯罪情况，控诉其道德水准，可以说是彻底撕破脸了。此前，有'
        }
    },
    created () {
        this.initResultList()
    },
    mounted () {
        let allInclude = this.allInclude
        let allIncludeArr = new Array()
        allIncludeArr = allInclude.split("&&")
    },
    methods: {
         handleSizeChange(val) {
        },
        handleCurrentChange(val) {
            this.pagenum = val
            this.loading = true
            this.initResultList()
        },

        initResultList() {
            let id = this.$route.query.id
            this.id = this.$route.query.id
            let obj = {
                tid: id,
                pageNum: this.pagenum,
                pageSize: 10, 
            }
            getResultList(obj)
            .then(res => {
                if(res.statusCode = 200) {
                    // console.log(res.data.list[0].allInclude)
                this.resultList = res.data.list
                this.pagetotal = res.data.total
                this.loading = false
                }
            })
        },
        // 点击返回上一级
        goTaskDetail() {
            this.$router.go(-1)
        }
    }
}
</script>

<style lang="scss" scoped>
    .accounthead {
        position: relative;
        text-align: left;
        width: 100%;
        height: 70px;
        background-color: #faf7fa;
        font-size: 22px;
        line-height: 86px;
        // border-bottom: 1px solid #ccc;
        img {
            margin-left: 20px;
        }
        span {
            position: absolute;
            bottom: -9px;
            left: 60px;
            // margin-bottom: 10px;
            // margin-left: 19px;
        }
    }

    .numBox {
        height: 160px;
        line-height: 160px;
        color: #5776f7;
        text-align: left;
        font-size: 100px;
        margin-left: 50px;
        span {

        }
    }

    .pagebox {
        margin-top: 30px;
        width: 100%;
        height: 48px;
        background-color: #fff;
        position: relative;
        .goahead {
            position: absolute;
            cursor: pointer;
            right: 30px;
            top: 0px;
            width: 66px;
            height: 30px;
        }
    }
    .page {
        background: #fff;
        float: right;
        margin-right: 189px;
        .pageInput {
            margin: 0 10px;
            height: 20px;
            width: 38px;
        } 
    }
        .angle {
        display: inline-block;
        transform:rotate(-90deg);
        cursor: pointer;
    }
    .bigbox {
        background-color: #fff;
    }
    // .goahead {
    //     width:116px;
    //     height:45px;
    //     background-color: #fff;
    //     border:1px solid rgba(191,191,191,1);
    //     border-radius:4px;
    //     line-height: 30px;
        
    // }
</style>
